<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 100 100"
      width="500"
      height="500"
      style="border: #aaa solid"
    >
      <g>
        <path
          d="M0 10 H100 M0 20 H100 M0 30 H100 M0 40 H100 M0 50 H100 M0 60 H100 M0 70 H100 M0 80 H100 M0 90 H100
                    M10 0 V100 M20 0 V100 M30 0 V100 M40 0 V100 M50 0 V100 M60 0 V100 M70 0 V100 M80 0 V100 M90 0 V100"
          stroke="#aaa"
          stroke-width=".2"
          fill="none"
        />
        <text x="0" y="3" font-size="3">0</text>
        <text x="8" y="3" font-size="3">10</text>
        <text x="18" y="3" font-size="3">20</text>
        <text x="28" y="3" font-size="3">30</text>
        <text x="38" y="3" font-size="3">40</text>
        <text x="48" y="3" font-size="3">50</text>
        <text x="58" y="3" font-size="3">60</text>
        <text x="68" y="3" font-size="3">70</text>
        <text x="78" y="3" font-size="3">80</text>
        <text x="88" y="3" font-size="3">90</text>
        <text y="11" x="0" font-size="3">10</text>
        <text y="21" x="0" font-size="3">20</text>
        <text y="31" x="0" font-size="3">30</text>
        <text y="41" x="0" font-size="3">40</text>
        <text y="51" x="0" font-size="3">50</text>
        <text y="61" x="0" font-size="3">60</text>
        <text y="71" x="0" font-size="3">70</text>
        <text y="81" x="0" font-size="3">80</text>
        <text y="91" x="0" font-size="3">90</text>
      </g>
      <!-- enter your code -->
      <path d="M40 35 V30 H45 M55 30 H60 V35 M60 45 V50 H55 M45 50 H40 V45 M40 40 H60"
         fill="none" stroke="#888" stroke-width="1" />
    </svg>

    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 100 100"
      width="500"
      height="500"
      style="border: #aaa solid"
    >
      <g>
        <path
          d="M0 10 H100 M0 20 H100 M0 30 H100 M0 40 H100 M0 50 H100 M0 60 H100 M0 70 H100 M0 80 H100 M0 90 H100
                    M10 0 V100 M20 0 V100 M30 0 V100 M40 0 V100 M50 0 V100 M60 0 V100 M70 0 V100 M80 0 V100 M90 0 V100"
          stroke="#aaa"
          stroke-width=".2"
          fill="none"
        />
        <text x="0" y="3" font-size="3">0</text>
        <text x="8" y="3" font-size="3">10</text>
        <text x="18" y="3" font-size="3">20</text>
        <text x="28" y="3" font-size="3">30</text>
        <text x="38" y="3" font-size="3">40</text>
        <text x="48" y="3" font-size="3">50</text>
        <text x="58" y="3" font-size="3">60</text>
        <text x="68" y="3" font-size="3">70</text>
        <text x="78" y="3" font-size="3">80</text>
        <text x="88" y="3" font-size="3">90</text>
        <text y="11" x="0" font-size="3">10</text>
        <text y="21" x="0" font-size="3">20</text>
        <text y="31" x="0" font-size="3">30</text>
        <text y="41" x="0" font-size="3">40</text>
        <text y="51" x="0" font-size="3">50</text>
        <text y="61" x="0" font-size="3">60</text>
        <text y="71" x="0" font-size="3">70</text>
        <text y="81" x="0" font-size="3">80</text>
        <text y="91" x="0" font-size="3">90</text>
      </g>
      <!-- enter your code -->
      <path d="M40 40A5 5 0 0 1 50 40 A5 5 0 0 1 40 40
               M35 57A10 10 0 0 1 55 57
               M52 35A5 5 0 0 1 52 45
               M52 47A10 10 0 0 1 62 57"
         fill="none" stroke="#888" stroke-width="1" />
    </svg>


    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 100 100"
      width="500"
      height="500"
      style="border: #aaa solid"
    >
      <g>
        <path
          d="M0 10 H100 M0 20 H100 M0 30 H100 M0 40 H100 M0 50 H100 M0 60 H100 M0 70 H100 M0 80 H100 M0 90 H100
                    M10 0 V100 M20 0 V100 M30 0 V100 M40 0 V100 M50 0 V100 M60 0 V100 M70 0 V100 M80 0 V100 M90 0 V100"
          stroke="#aaa"
          stroke-width=".2"
          fill="none"
        />
        <text x="0" y="3" font-size="3">0</text>
        <text x="8" y="3" font-size="3">10</text>
        <text x="18" y="3" font-size="3">20</text>
        <text x="28" y="3" font-size="3">30</text>
        <text x="38" y="3" font-size="3">40</text>
        <text x="48" y="3" font-size="3">50</text>
        <text x="58" y="3" font-size="3">60</text>
        <text x="68" y="3" font-size="3">70</text>
        <text x="78" y="3" font-size="3">80</text>
        <text x="88" y="3" font-size="3">90</text>
        <text y="11" x="0" font-size="3">10</text>
        <text y="21" x="0" font-size="3">20</text>
        <text y="31" x="0" font-size="3">30</text>
        <text y="41" x="0" font-size="3">40</text>
        <text y="51" x="0" font-size="3">50</text>
        <text y="61" x="0" font-size="3">60</text>
        <text y="71" x="0" font-size="3">70</text>
        <text y="81" x="0" font-size="3">80</text>
        <text y="91" x="0" font-size="3">90</text>
      </g>
      <!-- enter your code -->
      <path d="M40 40C50 30,60 30,70 40
               C60 50,50 50,40 40
               M50 40 A5 5 0 0 0 60 40
               A5 5 0 0 0 50 40
               M52 40A3 3 0 0 1 58 40
               A3 3 0 0 1 52 40"
         fill="#888" />
    </svg>
    
  </body>
</html>
